/* Main elements */
@import url('slick-default-theme.css');
@import url('table.css');

body {
    background-color: #999999;
    padding:0px;
    margin:0px;    
}
.box_left {
    margin: auto;
    width: 795px;
    padding-left:5px;
    padding-right: 5px;
    background: url("Images/lt.png") repeat-y scroll left top transparent;
}
.box_right {
    padding-right:10px;
    border-bottom: 1px solid #CCCCCC;
    background: url("Images/rt.png") repeat-y scroll right top;
    background-color: white;
}

.logo_container {
    height: 110px;
    border-bottom: 2px solid #6688EE;
    overflow: hidden;
}

.logo {
    height:100px;
    width:200px;
    border-right: 1px solid #CCCCCC;
    padding-top: 10px;
    float: left;
    display: block;
}

.logo_info_bar {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 230px;
    text-align: right;
    background-color: #EFEFFF;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;  
    border-radius: 0px 0px 10px 10px; 
    font-size: small;
    color: #444466;
}

.logo_info_bar a {
    color: #B0B0E0;
}

.logo_info_bar a:hover {
    color: #000000;
}

.logo_info_bar #logged_in_as{
    margin-right: 20px;
}

.logo_info_bar #show_full, .logo_info_bar #logout{
    margin-right: 20px;
    cursor: pointer;
    text-decoration: underline;
}

/*_________
    Header */
.tabs{
    padding: 0;
    margin-top: 20px;
}
.tab:hover{
    background-color: #AACCFF;
}

.tab, .active_tab {
    float:left;
    list-style: none;
    text-decoration: none;
    padding: 2px;
    margin-right: 2px;
    width: 85px;
    height: 60px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;  /* opera fix */
    font-size: 0.9em;
}

.tab a {
    background-color: transparent;
    color: #444444;
    display: block;
    height: 60px;
}
.tab a:hover {
    background-color: #AACCFF;
    color: #0033CC;
    text-decoration: underline;
}
.active_tab {
    background-color: #6688EE;
    color: #FFFFFF;
    font-weight: bold;
    height: 65px; /* opera fix */
}
.tab {
    background-color: #F0F0FF;
    color: black;
}

/*_________
   Content */

.main_content{
    min-height: 300px;
    padding: 10px;
    margin-left: 200px;
    border-left: 1px solid #CCCCCC;
}
.floater{
    clear: both;
}
#footer {
    padding: 5px;
    text-align: right;
    font-size: 0.8em;
    clear: both;
    width:790px;
    margin:auto;
    text-align: center;
    clear: both;
}
.box_left {
    height: 100%;
    overflow: hidden;
}
.sidebar{
    width:200px;
    padding-top: 10px;
    float:left;
    border-right:1px solid #CCCCCC;
    display: block;
    height: 100%;
}

/* Menu */
.menu {
    width: 190px;
    padding: 3px;
    display: block;
    float: left;
    clear: left;
    margin-bottom: 10px;
    background-color: #F8F8FF;
}

.menu h2, .help_widget h2 {
    font-size: 1.1em;
    padding: 2px;
    margin: 0;
    background-color: #3366CC;
    color: white;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.menu ul, .help_widget ul {
    margin: 0px;
    margin-left: 5px;
    padding: 0px;
}

.menu li, .help_widget li {
    display: block;
    list-style: none;
}

.menu li a, .help_widget li a {
    display: block;
    color: #223344;
}

.menu li a:hover, .help_widget li a:hover {
    background-color: #DEE0FF;
}

.menu li a.current {
    background-color: #D6D8FF;
}

.menu .helpContent {
    background-color: #EEF0FF;
    padding: 3px;
}

.menu .helpContent li {
    padding-bottom: 10px;
}

/* Content */
h1 {
    text-align: center;
    font-size: 1.4em;
    margin: 2px;
    color: #111155;
}

h2 {
    text-align: center;
    font-size: 1.2em;
    margin: 2px;
    color: #000033;
}

/*____________________
   Information block  */

.shownElement {
    margin-top: 1px;
    margin-bottom: 25px;
    background-color: #FBFBFB;
    color: black;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 3px #666666;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
}

.shownElement h2 {
    background-color: #E8E8E8;
    color: black;
    -moz-border-radius: 8px 8px 1px 1px;
    -webkit-border-radius: 8px 8px 1px 1px;
    border-radius: 8px 8px 1px 1px;
    margin: 0;
}

.shownElement .section_footer {
    background-color: #E8E8E8;
    color: black;
    -moz-border-radius: 1px 1px 8px 8px;
    -webkit-border-radius: 1px 1px 8px 8px;
    border-radius: 8px;
    text-align: right;
    padding: 3px;
    font-size: small;
}

.shownElement .zoomable {
    height: 30px;
}

.shownElement .section_footer a {
    background-color: #D8D8D8;
    color: black;
}

.shownElement .section_footer a:hover {
    background-color: #383838;
    color: white;
}

.shownElement .section_footer input {
    margin-right: 10px;
}

.php_diagram {
    text-align: center;
    padding: 10px;
}

.footer_line {
    text-align: right;
    font-size: small;
    border-top: 1px solid #DDDDDD;
}

/* Scroolable elements */

#dotted_sub_table, #linear_sub_table, #dotted_is_table, #linear_is_table, .data_table, .buff_diagram, .php_diagram {
    overflow: auto;
}

/* Current data spreadsheet */
.cell-title {
    font-weight: bold;
}

.spreadsheet-cell {
    text-align: center;
}

#appGrid, #usedGrid, #receivedGrid, #minimalWorkflowTable {
    background: white;
    outline: 0;
    border: 1px solid gray;
    font-family: arial;
    font-size: 8pt;
}

.grid-header {
    border: 1px solid gray;
    border-bottom: 0;
    border-top: 0;
    color: black;
    height: 24px;
    line-height: 24px;
}

.grid-header label {
    display: inline-block;
    font-weight: bold;
    margin: auto auto auto 6px;
}

.grid-header .ui-icon {
    margin: 4px 4px auto 6px;
    background-color: transparent;
    border-color: transparent;
}

.grid-header .ui-icon.ui-state-hover {
    background-color: white;
}
/* YesNoSelectCellEditor */
select.editor-yesno {
    width: 100%;
    margin: 0;
    vertical-align: middle;		
}

/* YesNoCheckboxCellEditor */
input.editor-checkbox {
    margin: 0;
    height: 100%;
    padding: 0;
    border: 0;
}
/* Edit buttons  */

button {
    color:#08233e;
    border:1px solid #84C0FE;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border-bottom:1px solid #9f9f9f;
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    cursor:pointer;
}

button:hover {
    background-color:rgba(132,192,254,0.8);
}

button:active {
    position:relative;
    top:2px;
}

#editApp, #editUsed, #editReceived, #notSaveApp, #notSaveUsed, #notSaveReceived {
    color:#08233e;
    border:1px solid #84C0FE;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border-bottom:1px solid #9f9f9f;
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    cursor:pointer;
    display: inline;
    padding: 4px;
    background: #BBB;
    display: block;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

#notSaveApp, #notSaveUsed, #notSaveReceived {
    margin-bottom: 20px;
}

#editApp:hover, #editUsed:hover, #editReceived:hover, #notSaveApp:hover, #notSaveUsed:hover, #notSaveReceived:hover {
    background-color:rgba(132,192,254,0.8);
}

#appGridStatus, #usedGridStatus, #receivedGridStatus {
    margin-left: 5px;
    font: 12px Verdana, sans-serif;
}

.editor-text {
    width: 50px;
}
/* Unknown */

.messages{
    margin:5px;
    padding-right: 10px;
    text-align: justify;
}
.error{
    background-color: #FDCEA4 !important;
    border:1px solid #C44509;
}
.warning{
    background-color: #FEFFC8;
    border:1px solid #F1AA2D;
}
.success{
    background-color: #D4F684;
    border:1px solid #739F1D;
}
.msg_title{
    font-size:14pt;
    font-weight:bold;
    margin:10px 0 0 10px;
}

/*_________________________
  Help */

.video_help {
    opacity: 0.6;
}

.video_help img {
    margin-top: 10px;
}

.video_help:hover {
    opacity: 1;
}


/*_________________________
  Foresee */

.measure_quantities input {
    width: 60px;
}

.measure_title input, .measure_subdvision input {
    width: 150px;
}

div.new_measure {
    width: 280px;
    float: left;
    border: 1px solid grey;
}

form.new_measure .autofill {
    font-size: smaller;
    margin-left: 10px;
}

.menu h3 {
    background-color: #E0E0FF;
    color: black;
    text-align: center;
    font-size: 1em;
    margin: 0;
    font-weight: normal;
}

.menu input {
    width: 190px;
}

.menu input[type=submit] {
    background-color: #E0E0FF;
    color: black;
}

.menu .delete_prediction {
    float: right;
    background-color: #FFF2F2;
    border: 1px solid #FFF6F6;
    font-size: 0.8em;
}

.menu .last_saved {
    font-style: italic;
}

/*_________________________
  Foresee tabber */

.tabberlive .tabbertabhide {
    display:none;
}

.tabber {
    display: block;
}

.tabberlive {
    margin-top:1em;
}

ul.tabbernav
{
    margin:0;
    padding: 3px 0;
    border-bottom: 1px solid #78ACFF;
    font: 12px Verdana, sans-serif;
}

ul.tabbernav li
{
    list-style: none;
    margin-top: 4px;
    display: inline-block;
}

ul.tabbernav li a
{
    padding: 3px 0.5em;
    border: 1px solid #78ACFF;
    border-bottom: none;
    background: #EAF2FF;
    text-decoration: none;
}

ul.tabbernav li a:link {
    color: #0042AE;
}

ul.tabbernav li a:visited {
    color: #0042AE;
}

ul.tabbernav li a:hover
{
    color: #FFF;
    background: #36C;
    border-color: #227;
}

ul.tabbernav li.tabberactive a
{
    font: bold 12px Verdana, sans-serif;
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
    color: #0042AE;
    background: white;
    border-bottom: 1px solid white;
}

.tabberlive .tabbertab {
    padding:5px;
    border:1px solid #78ACFF;
    border-top:0;
    height: 620px;
}

.tabberlive .tabbertab h2 {
    display:none;
}
.tabberlive .tabbertab h3 {
    display:none;
}

.closeTab {
    margin-bottom : 6px;
    margin-left: 6px;
    padding: 0px;
    border: 1px solid blue;
}

/*_________________________
  Foresee input table */

#new_app_table_content {
    height: 620px;
    overflow: scroll;
}

#new_app_table, #new_app_quant_table {
    margin-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
    width: 210px;
    border-right: solid 1px #78ACFF;
}

#new_app_table p {
    color: #039;
    font-weight: bold;
    text-align: center;
}

.new_application_table input {
    width: 70px;
    -webkit-border-radius:5px;
    text-align: center;
}

.new_application_table input[name='app_input'] {
    width: 100px;
}

.new_application_table th {
    font: 10px Verdana, sans-serif;
}

.new_application_table td {
    font: 10px Verdana, sans-serif;
    padding: 5px;
}

#new_app_quant_table {
    padding-bottom: 15px;
    display: inline-block;
    margin-left: 50px;
}

#new_app_quant_table p {
    color: #039;
    font-weight: bold;
    text-align: center;
}

.new_app_quantities_table {
    margin-left: 10px;
}

.new_app_quantities_table input {
    width: 80px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius: 5px 5px 5px 5px;
    text-align: center;
}

.new_app_quantities_table th {
    font: 10px Verdana, sans-serif;
}

.new_app_quantities_table td {
    padding: 5px;
    font: 10px Verdana, sans-serif;
    text-align: center;
}

.foresee_tab {
    border: 1px solid red;
}

#foresee_actions input[type="submit"] {
    width: 50%;
}

/* _____________________
 minimalWorkflowTable */

.selectableElementList .subdivision, .selectableElementList .informationSystem{
    display: inline-block;
    width:100px;
    text-align: center;
    padding:5px;
    border:1px solid black;
    overflow:hidden;
    margin:3px;
    vertical-align: middle;
}
.selectableElementList .informationSystem{
    width:120px;
    height:40px;
}
.selectableElementList{
    cursor:pointer;
    width:564px;
}
.selectableElementList #selectedElement{
    border: 2px solid red;
    background-color:yellow;
    margin:2px;
}
.selectableTimePeriod{
    width:564px;
}
.selectableTimePeriod input[type="text"]{
    width:50px;
}
#minimalWorkFlowFilter button{
    margin-top:5px;
}
#changefilters{
    display:none;
}
.centeredMessage{
    width: 200px;
    margin: auto;
    margin-top: 100px;
}
#minimalWorkflowTable{
    font-size:12px;
}
#minimalWorkflowTable .odd{
    background-color: #F8F8F8;
}
#minimalWorkflowTable .best{
    background-image: none;
    background-color: #66FF66;
}
#minmalWorkflowContent{
    display:none;
    margin-top:20px;
}

.minWorkloadSidebar li:hover{
    background-color: #DEE0FF;
    cursor:pointer;
}

.badInput{
    border:solid 2px red;
    background:orange;
    color:#000;
}
/*_____________
   Digrams */
.legend {
    font-size: small;
}

.legend div {
    margin: 0px;
    padding: 0px;
    width: 200px;
    display: inline-block;
}

.legend div.shallow  {
    width: 150px;
}

/* Login */
.loginForm{
    border: 1px solid black;
    width:400px;
    margin:auto;
    padding:5px;
    background-color: white;
}
.loginForm label, .loginForm input[type="checkbox"]{
    float:left;
}
.loginForm .username, .loginForm .password{
    line-height: 30px;
    text-align: right;
    font-size: 14pt;
    margin-right: 10px;
}
.loginForm .row{
    height:35px;
    clear: right;
}
.loginForm input{
    margin-top: 1px;
    font-size: 12pt;
}
.loginForm input[type="text"], .loginForm input[type="password"], .loginForm input[type="submit"] {
    width:170px;
    float: right;
}
.loginForm input[type="submit"]{
    margin-top: 1px;
    margin-left: 61px;
    font-size: 12pt;
}
.loginError{
    width:360px;
    margin:auto;
    margin-top:100px;
    padding:3px;
    min-height: 120px;
}
/* Options tab*/
#userPriviledges .cell{
    display:inline-block;
    width:100px;
    text-align: center;
}
#userPriviledges input{
    width:95px;
}
#userPriviledges .row{
    line-height: 30px;
    height:30px;
}
#myPassword, #newUser{
    padding: 5px;
}
#myPassword label, #newUser label{
    width:150px;
    display: inline-block;
    text-align: center;
}

#myPassword input[type="submit"], #newUser input[type="submit"] {
    display: block;
    width: 99%;
}

/*___________
   Tooltips  */

#tooltip, #input_help {
    opacity: 0.8;
    position: absolute;
    display: none;
    background-color: white;
    color: black;
    top: 0;
    left: 0;
    border: 1px solid blue;
    z-index: 2001;
}

#input_help {
    padding: 3px;
}

.hover, .hover span {
    background-color: #333355 !important;
    color: white !important;
}

/*_________
   Install */
form#install {
    margin: 0;
    padding: 0;
}

form#install label {
    width: 200px;
}

form#install input {
    float: right;
    width: 350px;
}

form#install input[type=submit] {
    float: none;
    display: block;
    width: 100%;
    text-align: center;
}

form#install h2, form#install div {
    clear: right;
}

form#install .center {
    text-align: center;
}

/*Taškinė diagrama*/
.dotted_diagram_element{
    display: block;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-radius: 10px;
}